import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { Radio } from 'antd-mobile'
import { Form, Input } from 'antd-mobile'
import { Button } from 'antd-mobile'
function Index() {
    // 新增乘客
    let nav=useNavigate()
  return (
    <div style={{backgroundColor:'#f2f2f2',width:'100%',height:'660px'}}>
    
     <div style={{backgroundColor:'#ffff'}}>
     <NavBar onBack={nav('/cheng')} >新增乘客</NavBar>
     </div>
     <div style={{backgroundColor:'#ffff',borderRadius:'20px'}}>
        <h2 style={{color:'blue',textAlign:'center',}}>证件扫描</h2>
     </div>
     <div style={{backgroundColor:'#ffff',height:'70px',borderRadius:'20px'}}>
       乘客类型 
       {/* 1-2 实现乘车人列表组件封装，管理乘车人信息，特殊身份（如儿童、学生）标记 */}
       <Radio value='1'>成人</Radio>
            <Radio value='2'>儿童</Radio>
            <Radio value='3'>学生</Radio>
     </div>
     <Form.Item label='姓名'>
          <Input placeholder='与乘客证件一致' />
        </Form.Item>
        <Form.Item label='身份证'>
          <Input placeholder='与乘客证件一致' />
        </Form.Item>
        <Form.Item label='手机（+86)'>
          <Input placeholder='与乘客证件一致' />
        </Form.Item>
        <Button block color='primary' size='large' 
        style={{backgroundColor:'orange'}}
        onClick={()=>nav('/cc')}
        >
          确定
        </Button>
    </div>
  )
}

export default Index
